<template>
  <div id="app">
     <!-- <div style="display: block;">
    <HomeView></HomeView>
    </div> -->
    <!--
    </div>
    <div style="display: block;margin-bottom: 20px;">
    <AboutView></AboutView>

    <div style="display: block;">
      <h1>热门推荐</h1>
    <Product></Product>
    </div>
  </div>  -->
  <!-- <Product></Product> -->
    <!-- <Swiper></Swiper> -->

    <router-view/>
  </div>
</template>

<script>

// import HomeView from './views/HomeView.vue';
// import AboutView from './views/AboutView.vue'
// import Product from './components/Product'
// import Swiper from './components/Swiper.vue';

// export default {
//     components: { 
//       HomeView,
//       AboutView,
//       Product,
//       Swiper
//     }
// }

    

</script>

<style>
  /* h1 {
    text-align: center;
    font-family:"Hiragino Sans GB";
  } */
  /* #app{
    width: 100%;
    height: 100%;
    /* display: flex; */
    /* margin-top: 0%; */
  /* } */ 
</style>
